<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <link rel="shortcut icon" href="#" />
    <link
      rel="stylesheet"
      type="text/css"
      href="{{pluResPath}}html/weibo/weibo.css"
    />
  </head>
  <body>
    <div class="container" id="container">
      <div class="mhy-article-page__main mhy-container">
        <div class="account">
          <div
            class="avatar"
            style="margin-right: {{data.pendant ? '36px' : '18px'}};"
          >
            <img src="{{data.face}}" class="mhy-account-avatar" />
            {{if data?.pendant}}
            <img class="pendant" alt="" src="{{data?.pendant}}" />
            {{/if}}
          </div>
          <div class="account-info">
            <div class="mhy-account-title">{{data?.name || ""}}</div>
            <p class="account-label">{{data?.pubTs || ""}}</p>
          </div>

          <svg 
            version="1.1" 
            class="weibo-logo" 
            xmlns="http://www.w3.org/2000/svg" 
            xmlns:xlink="http://www.w3.org/1999/xlink" 
            x="0px"
            y="0px" 
            viewBox="0 0 100 81" 
            style="enable-background:new 0 0 100 81;" 
            xml:space="preserve" 
            width="55"
            height="55">
            <style type="text/css">
              .st0 {
                fill: #FFFFFF;
              }
              .st1 {
                fill: #D62B2A;
              }
              .st2 {
                fill: #E89214;
              }
              .st3 {
                fill: #040000;
              }
            </style>
            <title>navigationbar_release</title>
            <desc>Created with Sketch.</desc>
            <g id="Page-1">
              <g id="weibo-logo" transform="translate(-10.000000, -27.000000)">
                <g id="tab">
                  <g id="navigationbar_release-copy" transform="translate(10.000000, 27.000000)">
                    <g id="Group" transform="translate(2.500000, 4.500000)">
                      <path id="Shape" class="st0" d="M9.1,49.8c0,10.4,13.7,19,30.4,19c16.9,0,30.4-8.5,30.4-19S56.2,30.7,39.5,30.7S9.1,39.3,9.1,49.8" />
                      <path id="Shape_1_" class="st1" d="M70,34.7c-1.3-0.4-2.2-0.6-1.4-2.2c1.4-3.6,1.5-6.7,0-8.9c-3-4.1-11-4-20.1-0.1c0,0-2.9,1.3-2.2-1.1c1.4-4.5,1.2-8.3-1-10.6C40.4,6.8,27.3,12,15.9,23.2C7.5,31.7,2.5,40.7,2.5,48.6c0,14.8,19.2,23.9,37.8,23.9c24.5,0,40.8-14.3,40.8-25.5C81,40.1,75.1,36.3,70,34.7z M40.2,67.1C25.4,68.6,12.4,61.9,11.4,52c-1-9.7,10.3-18.9,25.2-20.3s27.8,5.2,28.8,15.1C66.5,56.5,55.1,65.7,40.2,67.1z" />
                      <path id="Shape_2_" class="st2" d="M86.3,7.4c-5.9-6.5-14.6-9-22.7-7.3l0,0c-1.9,0.4-3.1,2.2-2.6,4c0.4,1.9,2.2,3.1,4,2.6c5.7-1.2,11.9,0.6,16.2,5.2c4.1,4.7,5.3,11.1,3.6,16.6l0,0c-0.6,1.8,0.4,3.8,2.2,4.4c1.8,0.6,3.8-0.4,4.4-2.2l0,0C93.8,22.9,92.2,14,86.3,7.4" />
                      <path id="Shape_3_" class="st2" d="M77.2,15.7c-2.9-3.2-7.1-4.4-11.1-3.6c-1.5,0.4-2.6,1.9-2.2,3.6c0.4,1.5,1.9,2.6,3.6,2.2l0,0c1.9-0.4,4,0.3,5.3,1.8c1.4,1.5,1.8,3.7,1.2,5.6l0,0c-0.4,1.5,0.4,3.2,1.9,3.7c1.5,0.4,3.2-0.4,3.7-1.9C80.9,23.1,80.2,18.8,77.2,15.7" />
                      <path id="Shape_4_" class="st3" d="M41.7,39.3c-7.1-1.9-15.1,1.6-18.2,8s-0.1,13.4,7,15.8c7.4,2.3,16.2-1.3,19.3-8.2C52.8,48.1,49.1,41.2,41.7,39.3z M36.3,55.5c-1.4,2.2-4.5,3.3-6.9,2.2c-2.2-1.1-3-3.7-1.5-5.9c1.4-2.2,4.4-3.2,6.7-2.2C37,50.6,37.7,53.2,36.3,55.5z M41,49.4c-0.4,1-1.6,1.3-2.6,1c-0.8-0.4-1.2-1.3-0.7-2.2c0.4-0.8,1.6-1.3,2.5-1C41.3,47.5,41.5,48.6,41,49.4z" />
                    </g>
                  </g>
                </g>
              </g>
            </g>
          </svg>
          <div class="logo-text">{{data?.category}}</div>
          <!-- <img class="mhy-logo" src="{{pluResPath}}html/mysDetail/mys.png" /> -->
        </div>
        {{if data?.type=='DYNAMIC_TYPE_AV'}}
        <div class="mhy-article-page__content">
          <div class="mhy-img-text-article ql-container ql-snow">
            <div class="data_box mhy-img-text-article__content ql-editor">
              {{each data?.pics item}}
              <div class="pic-item">
                <img src="{{item}}" />
              </div>
              {{/each}}
              <div class="mhy-article-page__title" style="margin-bottom: 10px">
                <h1>{{data?.title}}</h1>
              </div>
              <div class="content">{{@data?.content}}</div>
            </div>
          </div>
        </div>
        {{else if data?.type=='DYNAMIC_TYPE_DRAW'}}
        <div class="mhy-article-page__header">
          <div class="mhy-article-page__title">
            <h1>{{data?.title}}</h1>
          </div>
        </div>
        <div class="mhy-article-page__content">
          <div class="mhy-img-text-article ql-container ql-snow">
            <div class="data_box mhy-img-text-article__content ql-editor">
              <div class="content">{{@data?.content}}</div>
              {{each data?.pics item}}
              <div class="pic-item">
                <img src="{{item}}" />
              </div>
              {{/each}}
            </div>
          </div>
        </div>
        {{else}}
        <div class="mhy-article-page__header">
          <div class="mhy-article-page__title">
            <h1>{{data?.title}}</h1>
          </div>
        </div>
        <div class="mhy-article-page__content">
          <div class="mhy-img-text-article ql-container ql-snow">
            <div class="data_box mhy-img-text-article__content ql-editor">
              <div class="content">{{@data?.content}}</div>
              {{each data?.pics item}}
              <div class="pic-item">
                <img src="{{item}}" />
              </div>
              {{/each}} {{if data?.orig}}
              <div class="orig">
                <div class="container" id="container">
                  <div class="mhy-article-page__main mhy-container">
                    <div class="account">
                      <div
                        class="avatar"
                        style="margin-right: {{data?.orig?.data?.pendant ? '36px' : '18px'}};"
                      >
                        <img
                          src="{{data?.orig?.data?.face}}"
                          class="mhy-account-avatar"
                        />
                        {{if data?.orig?.data?.pendant}}
                        <img
                          class="pendant"
                          alt=""
                          src="{{data?.orig?.data?.pendant}}"
                        />
                        {{/if}}
                      </div>
                      <div class="account-info">
                        <div class="mhy-account-title">
                          {{data?.orig?.data?.name || ""}}
                        </div>
                        <p class="account-label">
                          {{data?.orig?.data?.pubTs || ""}}
                        </p>
                      </div>

                      <svg 
                        version="1.1" 
                        class="weibo-logo" 
                        xmlns="http://www.w3.org/2000/svg" 
                        xmlns:xlink="http://www.w3.org/1999/xlink" 
                        x="0px"
                        y="0px" 
                        viewBox="0 0 100 81" 
                        style="enable-background:new 0 0 100 81;" 
                        xml:space="preserve" 
                        width="55"
                        height="55">
                        <style type="text/css">
                          .st0 {
                            fill: #FFFFFF;
                          }
                          .st1 {
                            fill: #D62B2A;
                          }
                          .st2 {
                            fill: #E89214;
                          }
                          .st3 {
                            fill: #040000;
                          }
                        </style>
                        <title>navigationbar_release</title>
                        <desc>Created with Sketch.</desc>
                        <g id="Page-1">
                          <g id="weibo-logo" transform="translate(-10.000000, -27.000000)">
                            <g id="tab">
                              <g id="navigationbar_release-copy" transform="translate(10.000000, 27.000000)">
                                <g id="Group" transform="translate(2.500000, 4.500000)">
                                  <path id="Shape" class="st0" d="M9.1,49.8c0,10.4,13.7,19,30.4,19c16.9,0,30.4-8.5,30.4-19S56.2,30.7,39.5,30.7S9.1,39.3,9.1,49.8" />
                                  <path id="Shape_1_" class="st1" d="M70,34.7c-1.3-0.4-2.2-0.6-1.4-2.2c1.4-3.6,1.5-6.7,0-8.9c-3-4.1-11-4-20.1-0.1c0,0-2.9,1.3-2.2-1.1c1.4-4.5,1.2-8.3-1-10.6C40.4,6.8,27.3,12,15.9,23.2C7.5,31.7,2.5,40.7,2.5,48.6c0,14.8,19.2,23.9,37.8,23.9c24.5,0,40.8-14.3,40.8-25.5C81,40.1,75.1,36.3,70,34.7z M40.2,67.1C25.4,68.6,12.4,61.9,11.4,52c-1-9.7,10.3-18.9,25.2-20.3s27.8,5.2,28.8,15.1C66.5,56.5,55.1,65.7,40.2,67.1z" />
                                  <path id="Shape_2_" class="st2" d="M86.3,7.4c-5.9-6.5-14.6-9-22.7-7.3l0,0c-1.9,0.4-3.1,2.2-2.6,4c0.4,1.9,2.2,3.1,4,2.6c5.7-1.2,11.9,0.6,16.2,5.2c4.1,4.7,5.3,11.1,3.6,16.6l0,0c-0.6,1.8,0.4,3.8,2.2,4.4c1.8,0.6,3.8-0.4,4.4-2.2l0,0C93.8,22.9,92.2,14,86.3,7.4" />
                                  <path id="Shape_3_" class="st2" d="M77.2,15.7c-2.9-3.2-7.1-4.4-11.1-3.6c-1.5,0.4-2.6,1.9-2.2,3.6c0.4,1.5,1.9,2.6,3.6,2.2l0,0c1.9-0.4,4,0.3,5.3,1.8c1.4,1.5,1.8,3.7,1.2,5.6l0,0c-0.4,1.5,0.4,3.2,1.9,3.7c1.5,0.4,3.2-0.4,3.7-1.9C80.9,23.1,80.2,18.8,77.2,15.7" />
                                  <path id="Shape_4_" class="st3" d="M41.7,39.3c-7.1-1.9-15.1,1.6-18.2,8s-0.1,13.4,7,15.8c7.4,2.3,16.2-1.3,19.3-8.2C52.8,48.1,49.1,41.2,41.7,39.3z M36.3,55.5c-1.4,2.2-4.5,3.3-6.9,2.2c-2.2-1.1-3-3.7-1.5-5.9c1.4-2.2,4.4-3.2,6.7-2.2C37,50.6,37.7,53.2,36.3,55.5z M41,49.4c-0.4,1-1.6,1.3-2.6,1c-0.8-0.4-1.2-1.3-0.7-2.2c0.4-0.8,1.6-1.3,2.5-1C41.3,47.5,41.5,48.6,41,49.4z" />
                                </g>
                              </g>
                            </g>
                          </g>
                        </g>
                      </svg>
                      <div class="logo-text">{{data?.orig?.data?.category}}</div>
                      <!-- <img class="mhy-logo" src="{{pluResPath}}html/mysDetail/mys.png" /> -->
                    </div>
                    {{if data?.orig?.data?.type=='DYNAMIC_TYPE_AV'}}
                    <div class="mhy-article-page__content">
                      <div class="mhy-img-text-article ql-container ql-snow">
                        <div
                          class="data_box mhy-img-text-article__content ql-editor"
                        >
                          {{each data?.orig?.data?.pics item}}
                          <div class="pic-item">
                            <img src="{{item}}" />
                          </div>
                          {{/each}}
                          <div
                            class="mhy-article-page__title"
                            style="margin-bottom: 10px"
                          >
                            <h1>{{data?.title}}</h1>
                          </div>
                          <div class="content">{{@data?.orig?.data?.content}}</div>
                        </div>
                      </div>
                    </div>
                    {{else if data?.orig?.data?.type=='DYNAMIC_TYPE_DRAW'}}
                    <div class="mhy-article-page__header">
                      <div class="mhy-article-page__title">
                        <h1>{{data?.orig?.data?.title}}</h1>
                      </div>
                    </div>
                    <div class="mhy-article-page__content">
                      <div class="mhy-img-text-article ql-container ql-snow">
                        <div
                          class="data_box mhy-img-text-article__content ql-editor"
                        >
                          <div class="content">{{@data?.orig?.data?.content}}</div>
                          {{each data?.orig?.data?.pics item}}
                          <div class="pic-item">
                            <img src="{{item}}" />
                          </div>
                          {{/each}}
                        </div>
                      </div>
                    </div>
                    {{else}}
                    <div class="mhy-article-page__header">
                      <div class="mhy-article-page__title">
                        <h1>{{data?.orig?.data?.title}}</h1>
                      </div>
                    </div>
                    <div class="mhy-article-page__content">
                      <div class="mhy-img-text-article ql-container ql-snow">
                        <div
                          class="data_box mhy-img-text-article__content ql-editor"
                        >
                          <div class="content">{{@data?.orig?.data?.content}}</div>
                          {{each data?.orig?.data?.pics item}}
                          <div class="pic-item">
                            <img src="{{item}}" />
                          </div>
                          {{/each}}
                        </div>
                      </div>
                    </div>
                    {{/if}}
                  </div>
                </div>
              </div>
              {{/if}}
            </div>
          </div>
        </div>
        {{/if}}
        <div class="mhy-article-page__footer">
          <div class="mhy-article-page-bottom">
            <div style="margin-top: 4px">
              <svg 
                version="1.1" 
                class="bottom-weibo-logo" 
                xmlns="http://www.w3.org/2000/svg" 
                xmlns:xlink="http://www.w3.org/1999/xlink" 
                x="0px"
                y="0px" 
                viewBox="0 0 100 81" 
                style="enable-background:new 0 0 100 81;" 
                xml:space="preserve" 
                width="55"
                height="55">
                <style type="text/css">
                  .st0 {
                    fill: #FFFFFF;
                  }
                  .st1 {
                    fill: #D62B2A;
                  }
                  .st2 {
                    fill: #E89214;
                  }
                  .st3 {
                    fill: #040000;
                  }
                </style>
                <title>navigationbar_release</title>
                <desc>Created with Sketch.</desc>
                <g id="Page-1">
                  <g id="weibo-logo" transform="translate(-10.000000, -27.000000)">
                    <g id="tab">
                      <g id="navigationbar_release-copy" transform="translate(10.000000, 27.000000)">
                        <g id="Group" transform="translate(2.500000, 4.500000)">
                          <path id="Shape" class="st0" d="M9.1,49.8c0,10.4,13.7,19,30.4,19c16.9,0,30.4-8.5,30.4-19S56.2,30.7,39.5,30.7S9.1,39.3,9.1,49.8" />
                          <path id="Shape_1_" class="st1" d="M70,34.7c-1.3-0.4-2.2-0.6-1.4-2.2c1.4-3.6,1.5-6.7,0-8.9c-3-4.1-11-4-20.1-0.1c0,0-2.9,1.3-2.2-1.1c1.4-4.5,1.2-8.3-1-10.6C40.4,6.8,27.3,12,15.9,23.2C7.5,31.7,2.5,40.7,2.5,48.6c0,14.8,19.2,23.9,37.8,23.9c24.5,0,40.8-14.3,40.8-25.5C81,40.1,75.1,36.3,70,34.7z M40.2,67.1C25.4,68.6,12.4,61.9,11.4,52c-1-9.7,10.3-18.9,25.2-20.3s27.8,5.2,28.8,15.1C66.5,56.5,55.1,65.7,40.2,67.1z" />
                          <path id="Shape_2_" class="st2" d="M86.3,7.4c-5.9-6.5-14.6-9-22.7-7.3l0,0c-1.9,0.4-3.1,2.2-2.6,4c0.4,1.9,2.2,3.1,4,2.6c5.7-1.2,11.9,0.6,16.2,5.2c4.1,4.7,5.3,11.1,3.6,16.6l0,0c-0.6,1.8,0.4,3.8,2.2,4.4c1.8,0.6,3.8-0.4,4.4-2.2l0,0C93.8,22.9,92.2,14,86.3,7.4" />
                          <path id="Shape_3_" class="st2" d="M77.2,15.7c-2.9-3.2-7.1-4.4-11.1-3.6c-1.5,0.4-2.6,1.9-2.2,3.6c0.4,1.5,1.9,2.6,3.6,2.2l0,0c1.9-0.4,4,0.3,5.3,1.8c1.4,1.5,1.8,3.7,1.2,5.6l0,0c-0.4,1.5,0.4,3.2,1.9,3.7c1.5,0.4,3.2-0.4,3.7-1.9C80.9,23.1,80.2,18.8,77.2,15.7" />
                          <path id="Shape_4_" class="st3" d="M41.7,39.3c-7.1-1.9-15.1,1.6-18.2,8s-0.1,13.4,7,15.8c7.4,2.3,16.2-1.3,19.3-8.2C52.8,48.1,49.1,41.2,41.7,39.3z M36.3,55.5c-1.4,2.2-4.5,3.3-6.9,2.2c-2.2-1.1-3-3.7-1.5-5.9c1.4-2.2,4.4-3.2,6.7-2.2C37,50.6,37.7,53.2,36.3,55.5z M41,49.4c-0.4,1-1.6,1.3-2.6,1c-0.8-0.4-1.2-1.3-0.7-2.2c0.4-0.8,1.6-1.3,2.5-1C41.3,47.5,41.5,48.6,41,49.4z" />
                        </g>
                      </g>
                    </g>
                  </g>
                </g>
              </svg>
              <div style="margin-top: 6px">
                识别二维码，查看完整{{data?.category}}
              </div>

              <div style="margin-top: 6px; color: #975200">
                图片生成于：{{data?.created || ""}}
              </div>

              <div style="margin-top: 10px; color: #292929">
                Created By Yunzai series & trss-xianxin-plugin
              </div>
            </div>
            <div class="qrcode" id="qrcode"></div>
          </div>
        </div>
      </div>
    </div>
  </body>
  <script
    type="text/javascript"
    src="{{pluResPath}}html/mysDetail/qrcode.min.js"
  ></script>
  <script type="text/javascript">
    var qrcode = new QRCode(document.getElementById("qrcode"), {
      text: "{{data.url}}", // 内容可以是文字，链接，邮箱
      width: 135, //设置宽度
      height: 135, // 设置高度
      correctLevel: QRCode.CorrectLevel.H, // 设置容错级别，上面有介绍
    });
  </script>
</html>
